//引入react
import React ,{Component}  from 'react';
import {
	HeaderWrapper,
	Logo,
	Nav,
	NavItem,
	SearchWrapper,
	NavSearch,
	SearchInfo,
	SearchInfoTitle,
	SearchInfoSwitch,
	SearchInfoList,
	SearchInfoItem,
	Addition,
	Button
} from './style';
class Header  extends  Component {
  render() {
    return (
         <HeaderWrapper>
             <Logo/>
             <Nav>
                  <NavItem className='left active'>首页</NavItem>
                  <NavItem className='left'>下载App</NavItem>
                  <NavItem  className='right'>退出</NavItem>
                  <NavItem className='right'>登陆</NavItem>
                  <NavItem className='right'></NavItem>
                  <NavSearch></NavSearch>
             </Nav>
             <Addition>
     						<Button className='writting'>
                      <i className="iconfont">&#xe615;</i>
                      写文章
     						</Button>
     					<Button className='reg'>注册</Button>
     				</Addition>
         </HeaderWrapper>
    )
  }
}
//将头部组件暴露出去
export  default Header;
